<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>后台管理</title>
		<link rel="stylesheet" href="lib/layui/css/layui.css">
		<link rel="stylesheet" href="css/admin.css">
		<script src="js/vue.js"></script>
		<script src="js/axios.js"></script>
	</head>
	<body class="layui-layout-body">
	<div id="app">
		<div class="layui-layout layui-layout-admin">
			<div class="layui-header">
				<div class="layui-logo">中国银行管理员后台管理</div>
				<!-- 头部区域（可配合layui已有的水平导航） -->
				<ul class="layui-nav layui-layout-left">
					<li class="layui-nav-item layui-this" data-nav="1"><a href="javascript:;">欢迎你：{{name}} </a></li>
				</ul>
				<ul class="layui-nav layui-layout-right">
					<li class="layui-nav-item">
						<a href="javascript:;">
							<img src="images/logins.png" class="layui-nav-img">小龙猫
						</a>
						<dl class="layui-nav-child">
							<dd><a href="javascript:;">基本资料</a></dd>
							<dd><a href="javascript:;">安全设置</a></dd>
							<dd><a href="javascript:;">退出登录</a></dd>
						</dl>
					</li>
					<li class="layui-nav-item"><a href="">首页</a></li>
				</ul>
			</div>
			<div class="layui-side layui-bg-black">
				<div class="layui-side-scroll" id="layui_nav_left_1">
					<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
					<ul class="layui-nav layui-nav-tree"  lay-filter="test">
						<li class="layui-nav-item layui-nav-itemed">
							<a class="" href="javascript:;">交易表查询</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" data-url="table_for_no.html">普通查询</a></dd>
								<dd><a href="javascript:;" data-url="table_transfer_condition.html">多条件查询</a></dd>

							</dl>
						</li>
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">跨行业务</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" data-url="table_out_list.html">跨行转账异常列表</a></dd>
							</dl>
						</li>
						<li class="layui-nav-item layui-nav-itemed">
							<a href="javascript:;">其他功能</a>
							<dl class="layui-nav-child">
								<dd><a href="javascript:;" data-url="table_exec.html">账户异常处理</a></dd>
								<dd><a href="javascript:;" data-url="table_log.html">日志查询</a></dd>
							</dl>
						</li>
					</ul>
				</div>
				
			</div>
			<div class="layui-body" id="LAY_app_body">
				<div class="layui-tabsbody-item layui-show">
					<iframe src="console.html" frameborder="0" class="layui-iframe" style="padding: 0px;"></iframe>
				</div>
			</div>
			<div class="layui-footer">
				<!-- 底部固定区域 -->
				© 后台管理
			</div>
		</div>
	</div>
	</body>
	<script>
		var app = new Vue({
			el:"#app",
			data:{
				name:""
			},
			mounted:function () {
				this.getUser()
			},
			methods:{
				getUser:function () {
					var that = this;
					axios.get("/get/user").then(function (res) {
						that.name = res.data.loginName
						if(res.data.loginName ==null){

							location.href="login.html"
						}
					})
				}
			}
		})
	</script>
</html>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="js/admin.js"></script>